@charset "utf-8";
html,body{height:100%;}
.index-body{background:url(../images/index-bg.jpg) center 0 fixed no-repeat;background-size:100% 100%;}
.Serch{margin-top:3.5%;margin-bottom:30px;width:606px;}
.Serch .SerchLeft{width:480px;height:34px;background:url(../images/index-input-bg.png);}
.Serch .SerchLeft .container{width:480px;}
.Serch .SerchLeft .container .input{width:420px;height:34px;}
.Serch .SerchLeft .container .input>input{width:390px;height:34px;}
.Serch .SerchLeft .container .search{width:58px;height:34px;}
.h-logo{margin:0 auto;padding-top:2%;width:347px;text-align:center;}
.index-nav{margin:0 auto;width:1200px;}
.focus{position:absolute;top:0;left:0;z-index:-1;}
/*.index-main{position:absolute;bottom:55px;width:100%;padding-bottom:20px;}
.index-main .Menu{margin-top:0;}
.index-main .Menu ul{position:relative;padding-left:20px;}
.index-main .Menu li{margin: 0 10px 0 auto;width:90px;height:80px;text-align:left;}
.index-main .Menu li > a{font-size:24px;display:block;}
.index-main .Menu li > span{position:absolute;left:2em;bottom:-30px;width:100%;height:30px;line-height:30px;display:none;overflow:hidden;}
.index-main .Menu li > span a{margin:5px 10px;padding:0 10px;display:inline-block;}
.index-main .Menu li > a > i{height:48px;}
.index-main .Menu li .i1{background-position:7px 10px;}
.index-main .Menu li .i2{background-position:-120px 10px;}
.index-main .Menu li .i3{background-position:-374px 10px;}
.index-main .Menu li .i4{background-position:-502px 10px;}
.index-main .Menu li .i5{background-position:-860px 10px;}
.index-main .Menu li .i6{background-position:-636px 10px;}
.index-main .Menu li .i7{background-position:-244px 10px;}
.index-main .Menu li .i8{background-position:-764px 10px;}


.index-main .Menu li:hover{background:url(../images/nav-bg.png) left bottom no-repeat;}
.index-main .Menu li:hover > span{display:block;}
.index-main .Menu li > span > a:hover{color:#7cbcf0;}
.index-main .Menu li:hover{-webkit-transition:all 0.3s;transition:all 0.3s;}
.index-main .Menu li:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;}
.index-main .Menu li:hover .i1{background-position:7px -48px;}
.index-main .Menu li:hover .i2{background-position:-120px -48px;}
.index-main .Menu li:hover .i3{background-position:-374px -48px;}
.index-main .Menu li:hover .i4{background-position:-502px -48px;}
.index-main .Menu li:hover .i5{background-position:-860px -49px;}
.index-main .Menu li:hover .i6{background-position:-636px -48px;}
.index-main .Menu li:hover .i7{background-position:-244px -48px;}
.index-main .Menu li:hover .i8{background-position:-764px -46px;}*/
.index-main{position:absolute;bottom:55px;width:100%;padding-bottom:20px;}
.index-main .Menu{margin-top:0;}
.index-main .Menu ul{position:relative;padding-left:20px;}
.index-main .Menu li{margin: 0 10px 0 auto;width:90px;height:80px;text-align:left;}
.index-main .Menu li > a{font-size:24px;display:block;}
.index-main .Menu li > span{position:absolute;left:2em;bottom:-30px;width:100%;height:30px;line-height:30px;display:none;overflow:hidden;}
.index-main .Menu li > span a{margin:5px 10px;padding:0 10px;display:inline-block;}
.index-main .Menu li > a > i{height:48px;}
.index-main .Menu li .i1{background:url(../images/icon_index_nav_01.png) no-repeat 5px 5px;}
.index-main .Menu li .i2{background:url(../images/icon_index_nav_02.png) no-repeat no-repeat 55px 0;}
.index-main .Menu li .i3{background:url(../images/icon_index_nav_03.png) no-repeat 5px 5px;}
.index-main .Menu li .i4{background:url(../images/icon_index_nav_04.png) no-repeat 5px 5px;}
.index-main .Menu li .i5{background:url(../images/icon_index_nav_05.png) no-repeat 5px 5px;}
.index-main .Menu li .i6{background:url(../images/icon_index_nav_06.png) no-repeat 5px 5px;}
.index-main .Menu li .i7{background:url(../images/icon_index_nav_07.png) no-repeat 5px 5px;}
.index-main .Menu li .i8{background:url(../images/icon_index_nav_08.png) no-repeat 5px 5px;}

.index-main .Menu li:hover > span{display:block;}
.index-main .Menu li > span > a:hover{color:#7cbcf0;}
.index-main .Menu li:hover{-webkit-transition:all 0.3s;transition:all 0.3s;}
.index-main .Menu li:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;background-position:5px -58px;}
.index-main .Menu li:hover .i2{background-position:55px -58px;}

.head_news{float:left;margin-right:28px;margin-top:38px;padding:10px 20px;width:430px;height:150px;background:url(../images/index-news-bg.png);background-size:100% 100%;}
.head_news h3{font-size:18px;line-height: 1.5em;}
.head_news p{margin:5px auto 8px auto;font-size:14px;line-height: 1.5em;color:#7cbcf0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.head_news a{color:#fff;}
.head_news .u_details{font-size:14px;border-bottom:1px solid #f5d389;padding:15px 0 5px 0;}
.index-btn{float:right;margin-top:60px;margin-top:38px;padding:9px 40px 5px 40px;width:185px;height:170px;background:url(../images/index-news-bg2.png);background-size:100% 100%;box-sizing:border-box;}
.index-btn li.last a{padding-bottom:10px;}
.index-btn li a{padding-bottom:9px;color:#ffffff;display:block;}
.index-btn li a .img{margin-right:20px;width:20px;display:inline-block;}
.index-main .index-news{float:left;margin-top:38px;padding:0 25px 18px 25px;width:430px;height:157px;background:url(../images/index-news-bg3.png) left bottom no-repeat;background-size:100% 100%;}
.index-main .index-news ul{width:430px;border-radius:5px;}
.index-main .index-news ul li{clear:both;margin-top:9px;line-height:26px;overflow:hidden;}
.index-main .index-news ul li a{float:left;width:78%;color:#ffffff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-main .index-news ul li span{float:right;font-size:14px;color:#ffffff;}
.index-main .index-news ul li a i{margin-right:5px;}
.index-main .index-news ul li a.cat{font-size:24px;color:#ffffff;font-weight:bold;transition:all 0.1s;text-shadow:1px 1px 1px #333333; display: block; margin-bottom: 10px;}
.index-fr{margin:0 auto;padding-top:40px;width:1200px;color:#ffffff;text-align:right;}
.index-fr ul li{position:relative;display:inline-block;vertical-align:middle;}
.index-fr ul li a{padding:10px 6px;width:25px;height:30px;font-size:14px;color:#ffffff;display:inline-block;}
/*.index-fr ul li.index-wza a{background:url(../images/index-wza.png) center no-repeat;background-size:25px;}*/
.index-fr ul li.index-wza a{ width:74px; line-height:27px; font-weight: bold;}
.index-fr ul li.index-wx a{background:url(../images/index-wx1.png) center no-repeat;}
.index-fr ul li.index-wb a{background:url(../images/weibo.png) center no-repeat;background-size:30px;}
.index-fr ul li.index-app a{background:url(../images/index-app.png) center no-repeat;background-size:60%;}
.index-fr ul li.index-wap a{background:url(../images/index-wap.png) center no-repeat;background-size:60%;}
.index-fr ul li p{position:absolute;bottom:-120px;padding:6px;background:#0064b5;margin-left:-24px;display:none; text-align:center; line-height:30px; font-size:12px;}
.index-fr ul li p em{position:absolute;top:-6px;left:38px;width:12px;height:6px;}
.index-fr ul li p img{margin-top:0;width:99px;/*height:80px;*/}
.index-fr ul li:hover p{display:block;}
.index-fr ul li.bc-index-top { background: #dfeaf9; font-weight: bold;}
.index-fr ul li.bc-index-top a{ color: #0064b5; display:inline-block; height:auto; width:auto;padding: 5px 6px;}

.index-fr ul li b{position:absolute;bottom:-38px;padding:6px;background:#0064b5;margin-left:-40px;display:none; text-align:center; line-height:30px; font-size:14px;font-weight: normal; width: 100px;}
.index-fr ul li b em{position:absolute;top:-6px;left:50px;width:12px;height:6px;}
.index-fr ul li b img{margin-top:0;width:80px;height:80px;}
.index-fr ul li:hover b{display:block;}

.container .input>form>input{outline:0;border:0;padding:0 10px 0 80px;background:none;margin:0;height:39px;width:410px;color:#333;font-size:16px;border-radius:4px 0 0 4px}
@media screen and (max-width:1604px){
    .index-body{height:826px;}
	.index-fr{margin-top:0;padding-top:0;}
	.h-logo{margin-top:2%;padding-top:0;}
	.h-logo img{margin:0 auto;}
	.Serch .SerchLeft .container .input>form>input {width:260px;height:32px;}
}

@media screen and (min-width:2999px){
    .index-body{height:100%;}
	.index-fr{margin-top:0;padding-top:0;}
	.h-logo{margin-top:2%;padding-top:0;}
	.h-logo img{margin:0 auto;}
	.Serch .SerchLeft .container .input>form>input {width:260px;height:32px;}
}

@media screen and (max-width:1444px){
	.index-body{height:812px;}
	.index-fr{margin-top:0;padding-top:10px;}
	.h-logo img{margin:0 auto;width:80%;}
	.index-nav{margin:0 auto;}
	.index-main{bottom:54px;}
	.Serch{width:534px;}
	.Serch .SerchLeft{width:382px;height:30px;}
	.Serch .SerchLeft .container{width:382px;}
	.Serch .SerchLeft .container .input{width:330px;height:30px;}
	.Serch .SerchLeft .container .input>input{width:310px;height:32px;}
	.Serch .SerchLeft .container .search{width:50px;height:32px;background-size:28px;}
	.Serch .SerchRight{width:126px;height:52px;line-height:56px;}
	.Serch .SerchRight i{margin-left:9px;}
	.Serch .SerchRight i img{width:32px;}
	
}
@media screen and (max-width:1370px){
	.index-body{height:696px;}
	.h-logo img{margin:0 auto;}
	.index-nav{margin:0 auto;}
	.Serch{margin-top:1.5%;width:447px;}
	.Serch .SerchLeft{padding:8px;width:325px;height:28px;}
	.Serch .SerchLeft .container{width:325px;}
	.Serch .SerchLeft .container .input{width:274px;height:28px;}
	.Serch .SerchLeft .container .input>input{width:254px;height:28px;}
	.Serch .SerchLeft .container .search{height:28px;background-size:28px;}
	.Serch .SerchRight{width:100px;height:46px;line-height:46px; text-align:center;}
	.Serch .SerchRight i img{width:28px;}
	.head_news,.index-main .index-news,.index-btn{margin-top:20px;}
  
	.index-main .Menu{margin-top:0;}
	.index-main .Menu li{height:72px;}
	.index-main .Menu li > a{font-size:20px;}
	.index-main .Menu li > span{bottom:-32px;}
	.index-main .Menu li > a > i{width:80px;height:40px;background-size:800px;}

	.index-main .Menu li .i1{background:url(../images/icon_index_nav_01.png) no-repeat 0px 0px;}
	.index-main .Menu li .i2{background:url(../images/icon_index_nav_02.png) no-repeat no-repeat 46px 0 !important;}
	.index-main .Menu li .i3{background:url(../images/icon_index_nav_03.png) no-repeat 0px 0px;}
	.index-main .Menu li .i4{background:url(../images/icon_index_nav_04.png) no-repeat 0px 0px;}
	.index-main .Menu li .i5{background:url(../images/icon_index_nav_05.png) no-repeat 0px 0px;}
	.index-main .Menu li .i6{background:url(../images/icon_index_nav_06.png) no-repeat 0px 0px;}
	.index-main .Menu li .i7{background:url(../images/icon_index_nav_07.png) no-repeat 0px 0px;}
	.index-main .Menu li .i8{background:url(../images/icon_index_nav_08.png) no-repeat 0px 0px;}

	.index-main .Menu li:hover i{-webkit-transition:all 0.3s;transition:all 0.3s; background-position:0px -58px !important;}
	.index-main .Menu li:hover .i2{background-position:46px -58px !important;}

	/*.index-main .Menu li .i1{background-position:7px 10px;}
	.index-main .Menu li .i2{background-position:-94px 10px;}
	.index-main .Menu li .i3{background-position:-197px 10px;}
	.index-main .Menu li .i4{background-position:-298px 10px;}
	.index-main .Menu li .i5{background-position:-400px 10px;}
	.index-main .Menu li .i6{background-position:-508px 10px;}
	.index-main .Menu li .i7{background-position:-610px 10px;}
	.index-main .Menu li:hover .i1{background-position:7px -48px;}
	.index-main .Menu li:hover .i2{background-position:-94px -48px;}
	.index-main .Menu li:hover .i3{background-position:-197px -48px;}
	.index-main .Menu li:hover .i4{background-position:-298px -48px;}
	.index-main .Menu li:hover .i5{background-position:-400px -48px;}
	.index-main .Menu li:hover .i6{background-position:-508px -48px;}
	.index-main .Menu li:hover .i7{background-position:-610px -48px;}
	.index-main .Menu li > span{bottom:-24px;height:24px;line-height:24px;}*/
	
	.head_news{padding:12px 20px;height:154px;}
	.index-main .index-news{padding:8px 30px 8px 25px;height:167px;}
	.index-btn{padding:18px 40px 1px 40px;height:178px;}
	.index-btn li a{padding-bottom:18px;}
	.head_news p{margin:10px auto;}	
}

@media screen and (max-width: 1284px){
    .index-body{height:696px;}
	.h-logo {margin-top:0;}
	.Serch{width:443px;}
	.Serch .SerchLeft{padding:6px;}
	.Serch .SerchRight{width:100px;height:42px;line-height:42px; text-align:center;}
	.index-main .Menu li{height:64px;}
	.index-main .Menu li > a{font-size:18px;}
  	.index-main .Menu li > a > i{width:80px;height:38px;background-size:740px;}
	/*.index-main .Menu li .i1{background-position:5px 10px;}
	.index-main .Menu li .i2{background-position:-88px 10px;}
	.index-main .Menu li .i3{background-position:-182px 10px;}
	.index-main .Menu li .i4{background-position:-278px 10px;}
	.index-main .Menu li .i5{background-position:-372px 10px;}
	.index-main .Menu li .i6{background-position:-469px 10px;}
	.index-main .Menu li .i7{background-position:-565px 10px;}
	.index-main .Menu li:hover .i1{background-position:5px -40px;}
	.index-main .Menu li:hover .i2{background-position:-88px -40px;}
	.index-main .Menu li:hover .i3{background-position:-182px -40px;}
	.index-main .Menu li:hover .i4{background-position:-278px -40px;}
	.index-main .Menu li:hover .i5{background-position:-372px -40px;}
	.index-main .Menu li:hover .i6{background-position:-469px -40px;}
	.index-main .Menu li:hover .i7{background-position:-565px -40px;}*/

	.index-main .Menu li .i2{background:url(../images/icon_index_nav_02.png) no-repeat no-repeat 38px 0 !important;}

	.index-main .Menu li:hover .i2{background-position:38px -58px !important;}
    
 	.Serch .SerchLeft{padding:6px;}
	.Serch .SerchLeft .container .input{width:274px;height:28px;}
	.Serch .SerchLeft .container .input>form>input{width:254px;height:28px;}
	.Serch .SerchLeft .container .search{height:20px;background-size:20px;}
  	
    .index-main .index-news ul li{line-height:24px;}
    .head_news{height:142px;}
    .index-main .index-news{height:155px;}
    .index-btn{height:168px;}
    .index-btn li a{padding-bottom:14px;}
}

.index-fr ul li.index-login a {
	width: 30px;
	line-height: 26px;
}